<div id="help_builder_container" class="blackText medText">
	<h1>Building a chart</h1>
	<p>
		To use the Communication Chart Builder, select "Create Chart" from your home menu.
		<img src="../images/help/Create%20Chart.png" alt="Create chart" />
	</p>
	<p>
		Before you begin, you might like to name your chart by clicking the "Edit" button next to the default name above the white cells. Type your desired name into the text box that appears, and then click anywhere outside the text box to confirm it.
		 <img src="../images/help/Name%20Chart.png" alt="Naming your chart" />
	</p>
	<p>
		To start adding pictures to your chart, click on one of the blank white cells. Select the "Find Symbols" icon (a pair of binoculars) from the toolbox to the right. A text box will appear which you can use to search for Mulberry Symbols to add to your chart. Type in a search keyword, such as "cat", and click the "Go" button. If any images match your search, they will then appear in the toolbox. To add an image to your chart, you can either click on it, hold down the mouse button and drag it onto a cell, or you can click on a cell to select it and then click on the image you want to add. The target cell does not need to be blank, meaning that you can easily change the image in a cell. If you wish to use images that you have uploaded yourself, select a cell and then click the "Other Sources" link to select a picture from one of your photo albums. You can deselect any cells you have selected using the "Deselect All" icon (a square with a dotted outline) in the toolbox to the right.
		<br /><img src="../images/help/Search%20for%20Symbol.png" alt="Searching for symbols" />
	</p>
	<p>
		Once you have added an image to a cell, you may wish to customise that cell's appearance. Click on the "Cell Properties" icon (a hand pointing to a window) from the toolbox on the right. The most important option here is the ability to add a caption to the image; you can set this using the Selection Properties, or you can double-click on the caption itself, enter your caption in the box that appears and press enter.
		<img src="../images/help/Change%20Properties.png" alt="Change properties" />
	</p>
	<p>
		If you wish to remove the image from a cell, select it and click on the "Clear Cell" icon (an eraser). The application will prompt you to confirm this choice.<br />
		<img src="../images/help/Erase%20Cell.png" alt="Erasing a cell" /><br />
		 To copy the image in a cell to one or more other cells, select the cell you want to copy, click on the "Duplicate Cell" (two overlapping squares) icon in the toolbar, and then select the cells you wish to copy to, one by one. Once you're finished, click on the "Duplicate Cell" icon again.
		 <br /><img src="../images/help/Duplicate%20Cell.png" alt="Duplicate a cell" />
	</p>
	<p>
		The default chart size is 3 cells across by 2 cells down. If you wish to use a different size or layout, select the "Resize Chart" icon (a grid) from the toolbox to the right. A small representation of your chart will appear below. There are three different ways you can resize the chart: you can adjust the number of rows, the number of columns, or both at the same time. To adjust the number of rows, move your mouse down to the bottom edge of the grid. Your mouse pointer should change to a small, downward-pointing arrow. Click the mouse button and drag the edge of the grid up or down until the grid is the size you desire, then let go. To adjust the number of columns, use the same process, but starting with your mouse pointer at the right-hand edge of the grid. To adjust the number of rows and columns at the same time, the process is still the same, but with your mouse pointer starting at the bottom right-hand corner of the grid, where the hand icon is pointing. Once you have finished adjusting the grid, click the "Apply" button to bring your changes into effect. If you have made your chart larger than will fit into the editing pane, an "Overview" button (with a magnifying glass next to it) will appear. Clicking this will shrink down the chart display so that you can view it all at once. Click the "Full Size" button to restore the chart display to its original size.
		<br /><img src="../images/help/Resize%20Chart.png" alt="Resizing a chart" />
	</p>
	
	<p>
		Sometimes, you might want to re-arrange the cells on your chart. To do this, you first need to click the "Unlock" icon (a padlock) in the toolbox to the right. Now, whenever you click on a cell to select it and then hover your mouse over the edge of the cell, your pointer will turn into a four-headed arrow, and you can click your mouse button and drag the cell over another cell to swap the two around. You can click on the padlock again to disable this functionality.
		<br /><img src="../images/help/Move%20Cell.png" alt="Moving cells" />
	</p>
	<p>
		It is wise to periodically save your chart whilst you're working on it, and again once you've finished. Saving is simple: click on the "Save" icon (a floppy disk) above your chart. You will be prompted to confirm the name of your chart, to select a Group and a Book (both optional) in which to save it, and to choose whether or not you wish your chart to be made private. If you've already saved your chart but wish to save it again in a different place or with new details, choose the "Save as" icon (two floppy disks) instead. You can also delete a chart that you have saved, using the "Delete" icon (a bin).
		<br /><img src="../images/help/Save.png" alt="Saving a chart" />
	</p>
	
	<p>
		Finally, once your chart is complete, you will want to print it. Click the "Print" icon (a printer) above the chart to begin printing. You will be presented with a dialog box that will ask you to select the size and orientation of the paper onto which you will be printing. Once you've done this, click on the "Formats" button, and select the appropriate format for your communication device (note that doing this may modify the layout of your chart). If you are using a device not listed here (or are not using a device at all), and wish to use the grid size that you have specified whilst creating the chart, select "Default Format". Once you are ready, click "Print". This will generate a printable PDF version of your chart, which your browser will download.
		<br /><img src="../images/help/Print.png" alt="Printing a chart" />
	</p>

</div>